<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'product.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>生产工作台</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
    <div class="content">
      <div class="container-left">
        <div class="container-left-header">
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .cls-1 {
                          fill: #fecc87;
                        }

                        .cls-2 {
                          fill: #fd9f55;
                        }

                      </style>
                    </defs>
                    <path class="cls-1"
                      d="M17.61,9.8H37.88a2,2,0,0,0,2.17-1.91V4.56a2,2,0,0,0-2.17-1.9H17.61a2,2,0,0,0-2.16,1.9V8.13A2.23,2.23,0,0,0,17.61,9.8Z" />
                    <path class="cls-2"
                      d="M45.38,3.34H41V6.28a4.64,4.64,0,0,1-4.62,4.66h-18a4.81,4.81,0,0,1-4.62-4.66V3.35H9.62C7.19,3.35,5,5.79,5,8.49V47.2c0,2.94,2,5.14,4.62,5.14H44.89a4.93,4.93,0,0,0,3.65-1.47A5,5,0,0,0,50,47.2V8.49c0-2.7-2-5.14-4.62-5.14ZM13.27,22.45a.9.9,0,0,1,.24-.73L16.19,19a1.09,1.09,0,0,1,1.21,0l1.71,1.72a2.19,2.19,0,0,1,.24,2.69l3.41,3.43-1.71,1.47-3.4-3.43c-.25,0-.73.25-1,.25a2.2,2.2,0,0,1-1.7-.74l-1.7-1.71c.24.24,0,0,0-.25ZM37.59,43.28a3.6,3.6,0,0,1-2.19,1,2.73,2.73,0,0,1-1.94-.74l-5.11-5.14L32.73,34l5.11,5.14a2.83,2.83,0,0,1,.73,2C38.81,41.81,38.08,42.79,37.59,43.28Zm2.92-17.15a6.59,6.59,0,0,1-8,5.39l-4.63,4.16L22,41.56a4.46,4.46,0,0,1-2.92,1.23,4,4,0,0,1-2.92-1.23,3.5,3.5,0,0,1-1.46-2.94,4.12,4.12,0,0,1,1.21-2.94l7.79-6.86,2.19-2,.73-.49a6.64,6.64,0,0,1,1.94-6.86,7.67,7.67,0,0,1,6.81-2,.78.78,0,0,1,.73.74,1.51,1.51,0,0,1-.24,1l-1.22,1.22a2.25,2.25,0,0,0,0,2.94,2.28,2.28,0,0,0,3.17.25l1.21-1.23a1.5,1.5,0,0,1,1-.24,1.11,1.11,0,0,1,.73.73,13.74,13.74,0,0,1-.25,3.19Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    生产工单
                  </div>
                  <div class="info-text-amount">
                    较上周 <span [ngStyle]="{'color': activeTabData.joborderWeekUpRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="activeTabData.joborderWeekUpRate >= 0">+</span>{{activeTabData.joborderWeekUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{activeTabData.joborderWeekUpRate < 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                {{this.activeTabData.joborderAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon4-cls-1 {
                          fill: #1296db;
                        }

                        .icon4-cls-2 {
                          fill: #fff;
                        }

                        .icon4-cls-3 {
                          fill: #30a9f9;
                        }

                      </style>
                    </defs>
                    <path class="icon4-cls-1"
                      d="M45.45,32.71,24.18,48.22a5.2,5.2,0,0,1-3.08,1H12.82A7.69,7.69,0,0,1,5,41.66V10.06A7.69,7.69,0,0,1,12.82,2.5H39.66a7.7,7.7,0,0,1,7.82,7.56V28.77a4.89,4.89,0,0,1-2,3.94Z" />
                    <path class="icon4-cls-2"
                      d="M33.24,19.26H18.44a2.39,2.39,0,1,1,0-4.77h14.8a2.39,2.39,0,1,1,0,4.77Zm0,12.11H18.44a2.39,2.39,0,1,1,0-4.77h14.8a2.39,2.39,0,1,1,0,4.77Z" />
                    <path class="icon4-cls-3"
                      d="M51.38,40.25a4.55,4.55,0,0,1-.19,2.68,4.83,4.83,0,0,1-1.76,2.22,5,5,0,0,1-2.63.94,5.12,5.12,0,0,1-2.67-.55l-1.24,1.23-1.63,1.6-1.82,1.75-1.77,1.67c-.56.52-1.06,1-1.51,1.36s-.79.66-1,.82a2.82,2.82,0,0,1-1.43.52,4.06,4.06,0,0,1-1.51-.17,4.17,4.17,0,0,1-1.33-.67,2.93,2.93,0,0,1-.89-1,4,4,0,0,1-.46-1.39,3.06,3.06,0,0,1,.12-1.2,3,3,0,0,1,.61-1,5.65,5.65,0,0,1,1-.9,9.6,9.6,0,0,1,1-.61q1.82-1,3.66-1.89l2.13-1.05,2-1,1.62-.76a4.09,4.09,0,0,1-.28-1.51,4.84,4.84,0,0,1,.22-1.51,4.63,4.63,0,0,1,.7-1.36,4.79,4.79,0,0,1,1.16-1.13A4.58,4.58,0,0,1,45,36.63a5.61,5.61,0,0,1,1.63-.21,5.46,5.46,0,0,1,1.6.3,4.86,4.86,0,0,1,1.44.8l-.06,0-.06,0-2.7,1.88a1.45,1.45,0,0,0-.67,1,1.65,1.65,0,0,0,1.4,1.86A1.65,1.65,0,0,0,48.81,42l2.57-1.79ZM34.49,51.64a.9.9,0,0,0,.44-.67.94.94,0,0,0-.19-.76,1.16,1.16,0,0,0-.71-.42,1,1,0,0,0-.78.18,1,1,0,0,0-.45.69,1,1,0,0,0,.19.76,1.11,1.11,0,0,0,.72.41,1,1,0,0,0,.78-.19Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    工序任务单
                  </div>
                  <div class="info-text-amount">
                    较昨日 <span
                      [ngStyle]="{'color': activeTabData.joborderProcessDateUpRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="activeTabData.joborderProcessDateUpRate >= 0">+</span>{{activeTabData.joborderProcessDateUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{activeTabData.joborderProcessDateUpRate < 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                {{activeTabData.joborderProcessAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon5-cls-1 {
                          fill: #3dd5bb;
                        }

                        .icon5-cls-2 {
                          fill: #adf0ea;
                        }

                      </style>
                    </defs>
                    <path class="icon5-cls-1"
                      d="M42.14,52.5H13.05c-4.24,0-7.47-3.9-7.47-8.49V11C5.58,6.17,9,2.5,13.05,2.5H41.94c4.24,0,7.47,3.9,7.47,8.49V43.78c.21,4.82-3.23,8.72-7.27,8.72ZM19.72,45.39H35.25a1.71,1.71,0,0,0,1.62-1.83c0-1.15-.61-1.84-1.62-1.84H19.72a1.85,1.85,0,0,0,0,3.67ZM42.34,14.2c-1.21-1.15-2.82-1.38-3.83-.23L26.19,27l-6.27-6.65a2.57,2.57,0,0,0-3.83.23,3,3,0,0,0-.21,4.13l8.28,9,.2.22a2.15,2.15,0,0,0,1.62.69h.41A2.13,2.13,0,0,0,28,33.92l.2-.22L42.55,18.33a3,3,0,0,0-.21-4.13Z" />
                    <path class="icon5-cls-2"
                      d="M18.94,45.39H36a1.78,1.78,0,0,0,1.77-1.83A1.66,1.66,0,0,0,36,41.72H18.94a1.84,1.84,0,0,0,0,3.67Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    已完成工序
                  </div>
                  <div class="info-text-amount">
                    较昨日 <span
                      [ngStyle]="{'color': activeTabData.completedJoborderProcessDateUpRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="activeTabData.completedJoborderProcessDateUpRate >= 0">+</span>{{activeTabData.completedJoborderProcessDateUpRate*100 | number:'1.2-2'}}%
                      <i
                        class="icon-arrow-{{activeTabData.completedJoborderProcessDateUpRate < 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                {{activeTabData.completedJoborderProcessAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-6-cls-1 {
                          fill: none;
                        }

                        .icon-6-cls-2 {
                          fill: #fff;
                        }

                        .icon-6-cls-3 {
                          clip-path: url(#clip-path);
                        }

                        .icon-6-cls-4 {
                          fill: #fdba54;
                        }

                        .icon-6-cls-5 {
                          fill: #ffde8d;
                        }

                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-6-cls-1" x="2.5" y="2.5" width="50" height="50" />
                      </clipPath>
                    </defs>
                    <path class="icon-6-cls-2"
                      d="M21.41,28.89H15.5L18,25.63a.77.77,0,0,0,.14-.49.88.88,0,0,0-.14-.49L16.72,23A.44.44,0,0,0,16,23l-5.23,6.91a1.13,1.13,0,0,0-.19.38,1.4,1.4,0,0,0-.06.43,1.61,1.61,0,0,0,.06.44,2.25,2.25,0,0,0,.19.38L16,38.47a.47.47,0,0,0,.37.2.5.5,0,0,0,.37-.2L18,36.82a.9.9,0,0,0,.11-.22.84.84,0,0,0,0-.27.78.78,0,0,0,0-.26,1,1,0,0,0-.11-.23l-2.47-3.26h4.34c.49,0,.87.52.87,1.15v6.08a.91.91,0,0,0,.15.49.53.53,0,0,0,.37.2H23a.5.5,0,0,0,.37-.2.82.82,0,0,0,.16-.49V31.66a3.68,3.68,0,0,0-1.18-2.31A2.43,2.43,0,0,0,21.41,28.89Z" />
                    <g class="icon-6-cls-3">
                      <path class="icon-6-cls-4"
                        d="M6.57,41.19,22.75,25l2.43,2.43L8.7,43.92a26.07,26.07,0,0,1-2.13-2.73ZM2.51,26.37,13.3,15.61,15.72,18l-13,13a24.53,24.53,0,0,1-.22-4.61ZM11,46.22,46.28,11A25,25,0,0,1,11,46.22ZM3.35,20.93A24.8,24.8,0,0,1,8.7,11L11,13.3Zm.2,13.83L18,20.32l2.43,2.43L4.93,38.24a27.38,27.38,0,0,1-1.38-3.48Zm0,0" />
                      <path class="icon-6-cls-5" d="M44,8.72a25,25,0,0,0-33,0L27.48,25.17Zm0,0" />
                    </g>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本周合格率
                  </div>
                  <div class="info-text-amount">
                    较上周 <span [ngStyle]="{'color': activeTabData.weeklyPassRateWeekUpRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span
                        *ngIf="activeTabData.weeklyPassRateWeekUpRate >= 0">+</span>{{activeTabData.weeklyPassRateWeekUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{activeTabData.weeklyPassRateWeekUpRate < 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                {{activeTabData.weeklyPassRate*100 | number:'1.2-2'}}<span style="font-size: 18px;">%</span>
              </div>
            </div>
          </div>
        </div>

        <div class="container-left-banner">
          <div class="banner-body">
            <div class="title">
              待办事项<span style="color: #999;">({{todolistData.productTotalTasks}})</span>
            </div>
            <div class="body">
              <div class="body-item">
                <div class="body-item-img">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                    <defs>
                      <style>
                        .class-1 {
                          fill: #3dd5bb;
                        }

                        .class-2 {
                          fill: #9fffe8;
                        }

                        .class-3 {
                          fill: #fff;
                        }

                      </style>
                    </defs>
                    <path class="class-1"
                      d="M48.93,6.4a8.1,8.1,0,0,1,8,8.14l-.22,21.67a17.66,17.66,0,0,0-29.81,13,18.68,18.68,0,0,0,1.87,8,16.17,16.17,0,0,0,5.28,6.27L17,63.6a8.1,8.1,0,0,1-8-8.14V14.54A8,8,0,0,1,17,6.4ZM27.37,29.5H18.9a2.09,2.09,0,0,0-1.43.55,2.3,2.3,0,0,0-.44.66,2.75,2.75,0,0,0,0,1.54,2.3,2.3,0,0,0,.44.66,1.6,1.6,0,0,0,1.43.77h8.47a2.09,2.09,0,0,0,2.09-2.09,2.16,2.16,0,0,0-2.09-2.09ZM47.61,18.61H18.9a2.09,2.09,0,1,0,0,4.18H47.61a2.09,2.09,0,1,0,0-4.18Zm0,0" />
                    <circle class="class-2" cx="45" cy="50" r="14" />
                    <path class="class-1"
                      d="M43.29,51.15V48.77a4.91,4.91,0,1,1,3.93,0v2.38h4.41a2.45,2.45,0,0,1,2.46,2.45v2.46H36.42V53.6a2.45,2.45,0,0,1,2.45-2.45ZM36.42,57H54.09v2H36.42Zm0,0" />
                    <path class="class-3" d="M54.09,56.06H36.42v1H54.09Zm0,0" />
                  </svg>
                </div>
                <div class="body-item-title">
                  工单审批
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todolistData.jobOrderTaskCount}}</a>单待审批
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 60">
                    <defs>
                      <style>
                        .class3-cls-1 {
                          fill: #ffde8d;
                        }

                        .class3-cls-2 {
                          fill: #fdba54;
                        }

                        .class3-cls-3 {
                          fill: #fff;
                        }

                      </style>
                    </defs>
                    <path class="class3-cls-1"
                      d="M49.1,37.52c0,2.42.56,3.16,1.12,3.9a3.14,3.14,0,0,1,.74,2,12,12,0,0,1-1.49,4.56h6.89a13.08,13.08,0,0,1-1.49-4.56,2.94,2.94,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-6.7-2.8,5.53,5.53,0,0,0-.93,2.8ZM60.92,49.15H44.26a1.47,1.47,0,0,0-1.58,1.3V54a1.47,1.47,0,0,0,1.58,1.3H60.92A1.47,1.47,0,0,0,62.5,54V50.54a1.42,1.42,0,0,0-1.58-1.39Zm0,0" />
                    <path class="class3-cls-2"
                      d="M52.45,31.28l.56-5a3.07,3.07,0,0,0-.1-1.31,6.4,6.4,0,0,0-.65-1.11L43.7,15.18a3.45,3.45,0,0,0-.93-.65,2.51,2.51,0,0,0-1.21-.28H19a4.31,4.31,0,0,0-1.12.19,3.24,3.24,0,0,0-.93.65L8.43,23.84A2.21,2.21,0,0,0,7.78,25a2.23,2.23,0,0,0-.28,1.31l2.88,26.33a3.22,3.22,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H40.63a2.92,2.92,0,0,1-.28-1.3V50.36a3.82,3.82,0,0,1,3.91-3.63h3.16a10.11,10.11,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3a5.84,5.84,0,0,1,1.68-4.19,6.74,6.74,0,0,1,4-1.86ZM34.89,34.55l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52H27v2.7c0,.28-.18.37-.46.28L20.25,36.4c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.46.28v2.7H32q5,6,5.58,5.59T34.89,34.55ZM10.48,26,19,18h22.7l8.47,8Zm0,0" />
                    <rect class="class3-cls-2" x="16.11" y="30.44" width="23.22" height="16.11" />
                    <rect class="class3-cls-3" x="23.27" y="39.1" width="4.86" height="11.46" rx="1.3" />
                    <path class="class3-cls-3"
                      d="M24.93,32.92l-4,6.21a.91.91,0,0,0,.76,1.4h7.93a.91.91,0,0,0,.77-1.4l-4-6.21A.91.91,0,0,0,24.93,32.92Z" />
                  </svg>
                </div>
                <div class="body-item-title">
                  工单发料
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link"
                    style="text-decoration: underline;">{{todolistData.jobOrderAssignTaskCount}}</a>任务待处理
                </div>
                <div class="body-item-img">

                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55" width="60"
                    height="55">
                    <defs>
                      <style>
                        .icon7-cls-1 {
                          fill: #fecc87;
                        }

                        .icon7-cls-2 {
                          fill: #fd9f55;
                        }

                      </style>
                    </defs>
                    <path class="icon7-cls-1"
                      d="M45.66,49.78a2.12,2.12,0,0,1-1.4-.54,1.66,1.66,0,0,1-.1-2.5l3.41-3.21-3.31-3.22a1.6,1.6,0,0,1,.1-2.5,2.11,2.11,0,0,1,2.8.09L52,42.37a1.73,1.73,0,0,1,0,2.5l-4.81,4.46a2.64,2.64,0,0,1-1.5.45Zm-10,0a2.1,2.1,0,0,1-1.4-.54,1.66,1.66,0,0,1-.1-2.5l3.4-3.21-3.4-3.22a1.59,1.59,0,0,1,.1-2.5,2.11,2.11,0,0,1,2.8.09l4.81,4.47a1.75,1.75,0,0,1,0,2.5L37,49.33a2.56,2.56,0,0,1-1.4.45Z" />
                    <path class="icon7-cls-2"
                      d="M45,2.5H9.07a5.1,5.1,0,0,0-5.2,4.91V47.59a5.1,5.1,0,0,0,5.2,4.91H34.22a10.17,10.17,0,0,1-6.34-9.2c0-5.62,4.82-10.09,10.68-10.09H50.19V7.41A5.1,5.1,0,0,0,45,2.5ZM28.54,30.8H14.08a1.79,1.79,0,1,1,0-3.57H28.64A1.84,1.84,0,0,1,30.53,29a2,2,0,0,1-2,1.78ZM40,22.5H14.08a1.79,1.79,0,1,1,0-3.57h26A1.85,1.85,0,0,1,42,20.71a1.94,1.94,0,0,1-2,1.79Zm0-8.3H14.08a1.85,1.85,0,0,1-1.89-1.79,1.86,1.86,0,0,1,1.89-1.79h26A1.86,1.86,0,0,1,42,12.41a1.94,1.94,0,0,1-2,1.79Z" />
                  </svg>
                </div>
                <div class="body-item-title">
                  工单派工
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link"
                    style="text-decoration: underline;">{{todolistData.jobOrderIssueTaskCount}}</a>任务待处理
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头二.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">

                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                    <defs>
                      <style>
                        .icon8-cls-1 {
                          fill: #8a8a8a;
                        }

                        .icon8-cls-2 {
                          fill: #515151;
                        }

                        .icon8-cls-3 {
                          fill: #fff;
                        }

                      </style>
                    </defs>
                    <path class="icon8-cls-1"
                      d="M51.13,63.5H18.88C14.53,63.5,11,59.69,11,55h0V15c0-4.71,3.53-8.52,7.88-8.52h28L59,19.51V55c0,4.7-3.52,8.51-7.86,8.52Z" />
                    <path class="icon8-cls-2" d="M46.83,6.5V16.89a2.78,2.78,0,0,0,2.65,2.88H59v-.26Z" />
                    <path class="icon8-cls-3"
                      d="M47,26l1,0V39.36c0,3.5-1.24,8.61-12,12.52l-.34.12-.33-.12c-10.72-3.91-12-9-12-12.52V26l.95,0c7.45.24,10.62-2.93,10.65-3l.68-.71.68.71s3,3,9.86,3Zm-6,13.18a4.78,4.78,0,0,0,1.44-4.4.62.62,0,0,0-1-.29l-2.84,2.67a1.1,1.1,0,0,1-1.45,0l0,0L35.72,35.8a.92.92,0,0,1,0-1.37l2.86-2.7a.55.55,0,0,0-.28-1,5.5,5.5,0,0,0-4.76,1.39,4.76,4.76,0,0,0-1.33,5,.75.75,0,0,1-.18.79l-2.89,2.71a.93.93,0,0,0,0,1.37l1.47,1.38a1.09,1.09,0,0,0,1.45,0h0L35,40.64a.88.88,0,0,1,.84-.18A5.5,5.5,0,0,0,41.06,39.19Zm-9.92,1.44a.78.78,0,0,1,.8.76.76.76,0,0,1-.79.75h0a.77.77,0,0,1-.81-.74h0A.78.78,0,0,1,31.14,40.63Z" />
                  </svg>
                </div>
                <div class="body-item-title">
                  生产开/报工
                </div>
                <div class="body-item-content">
                  有 <a style="text-decoration: underline;">0</a>单待处理
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.01 41.06">
                    <defs>
                      <style>
                        .icon-7-cls-1 {
                          fill: #ffde8d;
                        }

                        .icon-7-cls-2 {
                          fill: #fdba54;
                        }

                        .icon-7-cls-3 {
                          fill: #fff;
                        }

                      </style>
                    </defs>
                    <path class="icon-7-cls-1"
                      d="M44.62,28.09c0,2.42.56,3.16,1.12,3.9a3.13,3.13,0,0,1,.74,2A11.84,11.84,0,0,1,45,38.55h6.89A13.08,13.08,0,0,1,50.39,34a3,3,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-4.14-3.85,4,4,0,0,0-2.56,1.05A5.5,5.5,0,0,0,44.62,28.09ZM56.44,39.72H39.78A1.47,1.47,0,0,0,38.2,41v3.55a1.47,1.47,0,0,0,1.58,1.3H56.44A1.47,1.47,0,0,0,58,44.57V41.11a1.43,1.43,0,0,0-1.44-1.4Z"
                      transform="translate(-3.01 -4.82)" />
                    <path class="icon-7-cls-2"
                      d="M48,21.85l.56-5a3.06,3.06,0,0,0-.1-1.31,6.86,6.86,0,0,0-.65-1.11L39.22,5.75a3.61,3.61,0,0,0-.93-.65,2.53,2.53,0,0,0-1.21-.28H14.52A4.69,4.69,0,0,0,13.4,5a3.32,3.32,0,0,0-.93.65L4,14.41a2.21,2.21,0,0,0-.65,1.16A2.31,2.31,0,0,0,3,16.88L5.9,43.21a3.23,3.23,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H36.15a2.9,2.9,0,0,1-.28-1.3V40.93a3.82,3.82,0,0,1,3.91-3.63h3.16a10.05,10.05,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3A5.87,5.87,0,0,1,44,23.71,6.8,6.8,0,0,1,48,21.85ZM30.41,25.12l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52h-5v2.7c0,.28-.18.37-.46.28L15.77,27c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.42.12.32.32,0,0,1,0,.16v2.7h5q5,6,5.58,5.59T30.41,25.12ZM6,16.57l8.52-8h22.7l8.47,8Z"
                      transform="translate(-3.01 -4.82)" />
                    <rect class="icon-7-cls-2" x="8.62" y="16.19" width="23.22" height="16.11" />
                    <rect class="icon-7-cls-3" x="15.7" y="18.3" width="4.86" height="11.46" rx="1.3" />
                    <path class="icon-7-cls-3"
                      d="M21.91,40.77l4-6.21a.91.91,0,0,0-.28-1.26.9.9,0,0,0-.48-.14H17.22a.9.9,0,0,0-.91.9,1,1,0,0,0,.14.5l4,6.21a.91.91,0,0,0,1.27.18A.66.66,0,0,0,21.91,40.77Z"
                      transform="translate(-3.01 -4.82)" />
                  </svg>
                </div>
                <div class="body-item-title">
                  生产入库
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link"
                    style="text-decoration: underline;">{{todolistData.productionWarehouseTaskCount}}</a>单待处理
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-footer">
          <div class="footer-content">
            <div class="title">
              生产任务统计
            </div>
            <div class="content" id="xiaoshoue">
            </div>
          </div>
        </div>
      </div>
      <div class="container-right">
        <div class="container-right-header card">
          <div class="container-right-header-title">
            快捷方法
          </div>
          <div class="container-right-header-content">
            <div class="container-right-header-content-item" [routerLink]="'/pages/process/mom'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .icon2-cls-1 {
                      fill: #1296db;
                    }

                    .icon2-cls-2 {
                      fill: #fff;
                    }

                  </style>
                </defs>
                <path class="icon2-cls-1"
                  d="M51,6.44A8,8,0,0,1,59,14.52h0l-.22,21.55C40.22,19.77,17.4,47.88,36.4,63.21l-16.82.11a8,8,0,0,1-7.93-8.07V14.53a8,8,0,0,1,7.91-8.09H51Zm-21.28,23H21.4c-2.74,0-2.44,4,0,4.16h8.36a2.07,2.07,0,0,0,2.06-2.08h0a2.14,2.14,0,0,0-2.06-2.08Zm20-10.83H21.4a2.08,2.08,0,0,0,0,4.16H49.72a2.08,2.08,0,0,0,0-4.16Z" />
                <path class="icon2-cls-1" d="M61.4,49c-.31,18.7-27.69,18.69-28,0C33.74,30.26,61.11,30.26,61.4,49Z" />
                <rect class="icon2-cls-2" x="44.38" y="41" width="7.23" height="4.55" rx="0.89" />
                <path class="icon2-cls-2"
                  d="M47.18,45.25h1.65a.24.24,0,0,1,.24.24v8.87a0,0,0,0,1,0,0H46.94a0,0,0,0,1,0,0V45.49A.24.24,0,0,1,47.18,45.25Z" />
                <rect class="icon2-cls-2" x="40.13" y="47.98" width="15.74" height="1.52" rx="0.76" />
                <path class="icon2-cls-2"
                  d="M41,48h0a.85.85,0,0,1,.85.85v5.52a0,0,0,0,1,0,0H40.18a.05.05,0,0,1-.05-.05V48.83A.85.85,0,0,1,41,48Z" />
                <path class="icon2-cls-2"
                  d="M55,48h0a.85.85,0,0,1,.85.85v5.52a0,0,0,0,1,0,0h-1.7a0,0,0,0,1,0,0V48.83A.85.85,0,0,1,55,48Z" />
                <rect class="icon2-cls-2" x="45.23" y="53.36" width="5.53" height="3.64" rx="0.83" />
                <rect class="icon2-cls-2" x="52.47" y="53.36" width="5.53" height="3.64" rx="0.77" />
                <rect class="icon2-cls-2" x="38" y="53.36" width="5.53" height="3.64" rx="0.59" />
              </svg>
              <div class="icon-title">MOM搭建</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/product/product-job'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .icon3-cls-1 {
                      fill: #fecc87;
                    }

                    .icon3-cls-2 {
                      fill: #fd9f55;
                    }

                  </style>
                </defs>
                <path class="icon3-cls-1"
                  d="M23.61,15.12H44.43a2.12,2.12,0,0,0,2.22-2V9.21a2.13,2.13,0,0,0-2.14-2.14H23.61a2.14,2.14,0,0,0-2.22,2.07v4.1A2.33,2.33,0,0,0,23.61,15.12Z" />
                <path class="icon3-cls-2"
                  d="M52.13,7.84h-4.5v3.31a5,5,0,0,1-4.75,5.25H24.4a5.21,5.21,0,0,1-4.75-5.25V7.85H15.4c-2.49,0-4.74,2.75-4.74,5.79V57.27c0,3.31,2.05,5.79,4.74,5.79H51.62a4.79,4.79,0,0,0,3.75-1.65,5.93,5.93,0,0,0,1.5-4.14V13.64c0-3-2-5.79-4.74-5.79Zm-33,21.54a1.12,1.12,0,0,1,.25-.83l2.75-3.06a1,1,0,0,1,1.24,0l1.76,1.94a2.64,2.64,0,0,1,.24,3l3.51,3.86L27.14,36l-3.49-3.86c-.26,0-.75.28-1,.28a2.19,2.19,0,0,1-1.74-.84l-1.75-1.92c.25.27,0,0,0-.29Zm25,23.47A3.56,3.56,0,0,1,41.88,54a2.67,2.67,0,0,1-2-.83l-5.25-5.8,4.5-5,5.24,5.8a3.33,3.33,0,0,1,.75,2.25C45.38,51.2,44.63,52.3,44.13,52.85Zm3-19.33c-.59,4.06-4.05,6.82-7.75,6.18l-.47-.1-4.75,4.69-6,6.62a4.39,4.39,0,0,1-3,1.39,3.93,3.93,0,0,1-3-1.39,4.08,4.08,0,0,1-1.5-3.31,4.85,4.85,0,0,1,1.24-3.31l8-7.73,2.25-2.26.75-.55a8,8,0,0,1,2-7.73,7.46,7.46,0,0,1,7-2.26.86.86,0,0,1,.75.84,1.87,1.87,0,0,1-.25,1.13L41.1,27.1a2.72,2.72,0,0,0,0,3.31,2.2,2.2,0,0,0,3.25.29l1.25-1.39a1.39,1.39,0,0,1,1-.27,1.19,1.19,0,0,1,.75.82,17.36,17.36,0,0,1-.25,3.6Z" />
              </svg>
              <div class="icon-title">生产工单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/product/process-dispatch'">
              <svg class="icon" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .cls-1 {
                      fill: #3dd5bb;
                    }

                    .cls-2 {
                      fill: #adf0ea;
                    }

                  </style>
                </defs>
                <path class="cls-1"
                  d="M50.06,6.44a8.1,8.1,0,0,1,8,8.14l-.22,21.67a17.66,17.66,0,0,0-29.81,13,18.68,18.68,0,0,0,1.87,8,16.17,16.17,0,0,0,5.28,6.27l-17,.11a8.11,8.11,0,0,1-8-8.14V14.58a8,8,0,0,1,8-8.14ZM28.5,29.54H20a2.09,2.09,0,0,0-1.43.55,2.3,2.3,0,0,0-.44.66,2.75,2.75,0,0,0,0,1.54,2.3,2.3,0,0,0,.44.66,1.6,1.6,0,0,0,1.43.77H28.5a2.09,2.09,0,0,0,2.09-2.09,2.16,2.16,0,0,0-2.09-2.09ZM48.74,18.65H20a2.09,2.09,0,1,0,0,4.18H48.74a2.09,2.09,0,0,0,0-4.18Z" />
                <path class="cls-2"
                  d="M60.24,49.34A14.31,14.31,0,1,0,45.93,63.53,14.26,14.26,0,0,0,60.24,49.34ZM48,45l5,4a.39.39,0,0,1,.06.54l-.06.06-5,4a.43.43,0,0,1-.7-.3V51.46H39.68a.88.88,0,0,1-.9-.85V48.08a.88.88,0,0,1,.9-.85h7.58V45.34A.43.43,0,0,1,48,45Z" />
              </svg>
              <div class="icon-title">工单派发</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/product/product-job-pink'">
              <svg t="1724144676160" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="8562"
                data-spm-anchor-id="a313x.collections_detail.0.i12.f86f3a81F7Jqov" width="200" height="200">
                <path
                  d="M227.984 143.36h567.6L896 354.592v526.08H128v-523.68l99.984-213.6z m66.8 73.792l-66.8 147.552h567.6l-66.8-147.552H294.784zM663.04 623.344h-100v147.552h-99.968V623.36h-100l149.76-147.552 150.208 147.552z"
                  fill="#fd9f55" p-id="8563" data-spm-anchor-id="a313x.collections_detail.0.i7.f86f3a81F7Jqov" class="">
                </path>
                <path d="M563.04 623.36h100l-150.192-147.568-149.76 147.552h99.984v147.552h99.984V623.36z"
                  fill="#ffffff" p-id="8564" data-spm-anchor-id="a313x.collections_detail.0.i8.f86f3a81F7Jqov" class="">
                </path>
              </svg>
              <div class="icon-title">生产发料</div>
            </div>
            <div class="container-right-header-content-item"
              [routerLink]="'/pages/inventory/returning-materials-to-production'">

              <svg t="1724144893217" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="9171" width="200" height="200">
                <path
                  d="M795.584 143.36H227.984L128 357.008V880.64h768V354.56l-100.416-211.2zM511.776 770.24L361.6 622.656h100v-147.552h99.968v147.552h100l-149.76 147.552zM228 364.688l66.8-147.552H728.8l66.8 147.552H227.984z"
                  fill="#b475af" p-id="9172"></path>
                <path d="M361.6 622.672h99.968v-147.552h100v147.552h99.968l-149.76 147.552-150.192-147.552z"
                  fill="#ffffff" p-id="9173"></path>
              </svg>

              <div class="icon-title">生产退料</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/inventory/product-inventory-rk'">

              <svg t="1724145047333" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="9340" width="200" height="200">
                <path
                  d="M736.416 896H290.56c-65.04 0-114.56-59.904-114.56-130.368V258.368C176 184.352 228.64 128 290.56 128h442.752c65.008 0 114.544 59.904 114.544 130.368V762.08c3.12 74.016-49.536 133.92-111.456 133.92z m-343.68-109.2h238.08c12.32 0 24.752-10.56 24.752-28.176s-9.296-28.224-24.8-28.224H392.704c-12.384 0-24.768 10.56-24.768 28.224 0 17.616 12.384 28.176 24.784 28.176zM739.52 307.664c-18.576-17.616-43.36-21.12-58.848-3.504L491.84 504.944l-96-102.144c-15.456-17.616-43.296-14.112-58.8 3.504a45.888 45.888 0 0 0-3.12 63.456l126.896 137.424 3.12 3.504c6.192 7.056 15.456 10.56 24.784 10.56h6.192a32.816 32.816 0 0 0 24.752-10.56l3.088-3.504 219.84-236.064a45.888 45.888 0 0 0-3.072-63.36v-0.096z"
                  fill="#3DD5BB" p-id="9341"></path>
                <path
                  d="M392.736 786.8h238.08c12.32 0 24.752-10.56 24.752-28.176s-9.296-28.224-24.8-28.224H392.704c-12.384 0-24.768 10.56-24.768 28.224 0 17.616 12.384 28.176 24.784 28.176z"
                  fill="#ADF0EA" p-id="9342"></path>
              </svg>

              <div class="icon-title">生产入库</div>
            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-body card">
            <div class="container-right-body-title">
              生产合格比率
            </div>
            <div class="container-right-body-content" id="jiaofu">

            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-foot card">
            <div class="container-right-foot-title">
              任务进度
            </div>
            <div class="container-right-foot-content" id="dailyProductionChart">

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
